body {
  min-width: 960px;
  background: white;
  color: #336A93;
  font-size: 12px;
  height: auto;
  padding-bottom: 20px;
  background:#F4F1EC;
  overflow-y: scroll;
}

input,textarea, select {
  font-size:12px;
  padding:1px 4px 1px 4px;
}

input:hover,
textarea:hover,
select:hover{
  border:1px solid #336396;
  box-shadow:1px 1px 2px #336A93;
}


div#body {  
  background: #F4F1EC;
  min-height:100px;
}

a {
  color:#336A93;
  text-decoration: none;
}

a:hover {
  text-shadow:-1px 1px 4px #336A93;
  text-decoration: underline;
}

a.i {
  color:#336A93;  
  text-shadow:-1px 1px 4px #336A93;
}

a.i:hover {
  text-decoration: underline;
}

.status,
.news {
  padding:1px 8px 1px 8px;
  color:white;
  font-weight:bold;
  background:gray;
}

.status_i,
.news_i {
  font-weight:bold;
  color:gray;
}

.created {  
  background:green;
}

.created_i {
  color:green;
}

.after_serviced {  
  background:#C32B1D;
}

.after_serviced_i {  
  color:#C32B1D;
}

.after_service_finished {
  background:#8DB33B;
}

.after_service_finished_i {
  color:#8DB33B;
}

.after_service_unfinished {  
  background:gray;
}

.after_service_unfinished_i {
  color:gray;
}

.has_been_ordered {
  background:#024EBF;
}

.has_been_ordered_i {
  color:#024EBF;
}

.has_been_sent_to_installer {
  background:#DF6A9E;
}

.has_been_sent_to_installer_i {
  color:#DF6A9E;
}

.has_been_sent_to_factory {
  background:#164C85;
}

.has_been_sent_to_factory_i {
  color:#164C85;
}

.installing {
  background:#5E4177;
}

.installing_i {
  color:#5E4177;
}

.order_made {
  background:#184578;
}

.order_made_i {
  color:#184578;
}

.has_been_entered {
  background:blue;
}

.has_been_entered_i {
  color:blue;
}

.has_been_payment {
  background:orange;
}

.has_been_payment_i {
  color:orange;
}

.has_recieved {
  background:#59AA32;
}

.has_recieved_i {
  color:#59AA32;
}

.has_been_installed {
  background:#8DB33B;
}

.has_been_installed_i {
  color:#8DB33B;
}

.partial_has_been_installed {
  background:#C32B1D;
}

.partial_has_been_installed_i {
  color:#C32B1D;
}

.has_been_completed {
  background:#57A830;
}

.has_been_completed_i {
  color:#57A830;
}

.completed {
  background:#5DB336;
}

.completed_i {
  color:#5DB336;
}

div#logo {
  background:url('/images/application/logo.jpg') no-repeat;
  display:inline-block;
  width:87px;
  height:45px;
  margin-left:10px;
}

div#logo div {
  color:white;
  padding-left:10px;
  font-weight:bold;
  float:left;
}

div#logo div.en_name {
  font-size:11px;
  position:absolute;
}

div#logo div.cn_name {
 font-size: 24px;
 left: 37px;
 position: absolute;
 top: 8px;
}

div#top_tools {
  font-size:12px;
  text-align:right;
  height:45px;
  line-height:45px;
}

div#top_tools a {
  margin-right:10px;
  color:white;
  font-weight:bold;  
  font-size:11px;
}

div#top_tools a.help {
  background-color:orange;
  border-radius:3px;
  padding:1px 4px 1px 4px;  
  margin-right:20px;
  cursor:help;
}

div#top {
  background:url('/images/application/top_bg.jpg');
}

div#nav_bar {
  line-height:25px;
  height:25px;
}

div#nav_bar a {
  display:inline-block;
  background:#F4F1EC;
  padding:1px 8px 1px 8px;
  font-weight:bold; 
}

.being_edited_i {
  color:#EAAC00;
}

.being_edited {
  background:#EAAC00;
}

.effected_i {
  color:#3EBEF5;
}

.effected {
  background:#3EBEF5;
}

.blanked_out_i {
  color:gray;
}

.blanked_out {
  background:gray;
  text-decoration: line-through;
}

.full {
  background:#57A830;
}

.shortage {
   background:#E78650;
}

.stop {
  background:#808080;
}

.full_i {
  color:#57A830;
}

.shortage_i {
  color:#E78650;
}

.stop_i {
  color:#808080;
}

.filed_i {
  color:#38D230;
}

.filed {
  background:#38D230;
}

.new_button {
  display:inline-block;
  background: url("/images/orders/add.png") no-repeat scroll 5px 3px  transparent;  
  background-color:#FCFCFC;
  border-radius:10px;
  border-color: #E3E4E8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  font-weight:bold;
  padding:2px 15px 2px 25px;
}

button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"],
.button {
    background: url('/images/application/button_bg.jpg');
    border-color: #DDDDDD #BBBBBB #999999;
    border-radius: 11px 11px 11px 11px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
    outline: 0 none;
    overflow: visible;
    padding: 0px 10px 0px;
    text-shadow: 0 1px 1px #FFFFFF;
    width: auto;
    line-height:27px;
    height:27px;
    margin-right:10px;
}
a.button {
  padding-top:4px;
  padding-bottom:5px;
  text-decoration:none;
  padding-left:14px;
  padding-right:14px;
  *height:25px;
  *display:inline-block;
  *padding-top: 0px;
  *padding-bottom:0px;
  *margin-bottom:6px;
}

a.button:hover {
  text-shadow: 0px 0px 0px transparent;
}

h6 {
  color:#336A93;
}

.l_crud {
  text-indent: -1000px;  
  *text-indent:-40px;
  overflow: hidden;
  display: inline-block;
  width:16px;
  line-height:24px;
  background-repeat: no-repeat;
  background-position:0px 4px;
  font-weight:normal;
  text-align:left;
}

.l_new {
  background-image:url('/images/crud/new.png');
}

.l_edit {
  background-image:url('/images/crud/edit.png');
}

.l_delete {
  background-image:url('/images/crud/delete.png');
}

.l_back {
  background-image:url('/images/crud/back.png');
}


.l_close {
  background-image:url('/images/crud/close.png');
}

.l_move {
  background-image:url('/images/crud/move.png');
}


.crud {
  overflow: hidden;
  display: inline-block;
  padding-left:20px;
  line-height:24px;
  background-repeat: no-repeat;
  background-position:0px 4px;
  font-weight:normal;
}

.new {
  background-image:url('/images/crud/new.png');
}

.edit {
  background-image:url('/images/crud/edit.png');
}

.delete {
  background-image:url('/images/crud/delete.png');
}

.back {
  background-image:url('/images/crud/back.png');
}


.close {
  background-image:url('/images/crud/close.png');
}

#copy_right b {
  text-decoration:underline;
}

.validation_error {
  color:#FF0000;
  margin-bottom:10px;
  font-size:12px;
}

.hidden {
  display:none;
}

#tongji {
  display:none;
}


div.feeds_nav_bar {
  margin-left:10px;
  margin-right:15px;
  line-height: 22px;
  margin-top:5px;
  position: absolute;
}

div.feeds_nav_bar .item {
  display:inline-block;
  width:80px;
  margin-right:2px;
  border-radius:5px 5px 0px 0px;
  line-height: 22px;
  font-size:12px;
  background:#E3E4E8;
  text-align:center;
  font-weight: bold;
  color:gray;
  float:none;
  position: relative;
  top: -28px;
  border-top:1px solid #E3E4E8;
  border-left:1px solid #E3E4E8;
  border-right:1px solid #E3E4E8;
  border-bottom:1px solid #E3E4E8;
}

div.feeds_nav_bar .item:hover,
div.feeds_nav_bar .h {
  background:white;
  color:#666666;  
  border-width:1px 1px 0px 1px;
  border-color:#E3E4E8;
  border-style:solid;  
  border-bottom:1px solid white;
}

input[type="radio"], input[type="checkbox"] {
  font-size:11px;
  display:inline-block;
  width:auto;
}

div#top_tools a.to_my_tasks {
  width:80px;
  padding-left:16px;
  line-height:16px;
}

div#top_tools a.default {
  background:url('/images/orders/light_off.png') no-repeat;
}
div#top_tools a.default:hover,
div#top_tools a.today {
  background:url('/images/orders/light_on.png') no-repeat;
}

div#top_tools a.overdue {
  background:url('/images/orders/alert.png') no-repeat;
  float:none;
  margin-left:0px;
}

.l {
  text-align: left;
}

.r {
  text-align:right;
}

.c {
  text-align:center;
}

div#remind_update_browser
{
  border:0px solid #BAD43F;
  background-color:#F8FFE2;
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom:20px;
  padding-top:20px;
}

div#remind_update_browser div
{
}

div#remind_update_browser div.main
{
}

div#remind_update_browser div.tools
{
  text-align:right;
  padding-bottom:5px;
  padding-right:10px;
}

div#remind_update_browser div.title,
div#remind_update_browser div.content
{
  padding:15px;
  margin-top:10px;
}

div#remind_update_browser div.title {
  background-color:#FEFFCF;
  font-weight:bold;
  border-bottom:1px orange solid;
  line-height:25px;
  margin-top:0px;
}

div#remind_update_browser div.title div.t
{
  font-size:14px;
  color:#E28B3C;
}

div#remind_update_browser div.title div.remark
{
  font-size:13px;
  font-weight:bold;
  color:#666666;
}

div#remind_update_browser div.content
{
  font-size:12px;
  color:#666666;
  line-height:18px;
}

div#remind_update_browser div.list,
div#remind_update_browser div.list div
{
}

div#remind_update_browser div.list div
{
  margin-left:20px;
  margin-top:5px;
}

div#remind_update_browser div.list div b
{
  font-size:12px;
  color:orange;
  margin-left:5px;
}

.released_i {
  color:#5F8925;
}

.stop_i {
  color:#808080;
}

.paused_i {
 color:#EAAC00;
}

.up{
  color:#C32B1D;
}

.down{
  color:#5DB336;
}

.keep{
  color:gray;
}